<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="always" name="referrer">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>首页</title>
		<link rel="stylesheet" href="../../css/reset.css">
		<link rel="stylesheet" href="../../css/swiper3.1.0.min.css">
		<link rel="stylesheet" href="index.css">
	</head>

	<body>
		<div class="top-search">
			<span class="fl address-chose" id="expressArea">长沙</span>
			<div class="search-box fl">
				<span class="search-con fl">搜索茶山/茶叶/其他农产品</span>
			</div>
			<div class="code-box fr">扫一扫</div>
		</div>
		<div class="swiper-container swiper-container1">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" />
				</div>
				<div class="swiper-slide">
					<img src="" />
				</div>
				<div class="swiper-slide">
					<img src=""
					/>
				</div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>
		<div class="nav-box">
			<ul class="clear">
				<li class="fl">
					<p class=""></p>
					<span class="">茶人茶艺</span>
				</li>
				<li class="fl">
					<p class="selected"></p>
					<span class="color_change">茶旅联盟</span>
				</li>
				<li class="fl">
					<p class=""></p>
					<span class="">茶叶频道</span>
				</li>
				<li class="fl">
					<p class=""></p>
					<span class="">茶区农产</span>
				</li>
				<li class="fl">
					<p class=""></p>
					<span class="">茶山估价</span>
				</li>
			</ul>
		</div>
		<div class="data-box">
			<p class="data-tit">茶山数据</p>
			<div class="data-det-box clear">
				<div class="fl all-data01">
					<p>累计发布茶园（亩）</p>
					<span>27583</span>
				</div>
				<span class="line fl"></span>
				<div class="fl all-data01">
					<p>累计交易茶园（亩））</p>
					<span class="g-color">13869</span>
				</div>
			</div>
		</div>
		<div class="recommend-box">
			<p class="recommend-tit">热/门/推/荐</p>
			<div class="swiper-container swiper-container2">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" />
						<div class="img-det clear">
							<span class="fl">湖南益阳安华服务中心</span>
							<span class="fr">张先生  138-3988-8888</span>
						</div>
					</div>
					<div class="swiper-slide">
						<img src="" />
						<div class="img-det clear">
							<span class="fl">湖南益阳安华服务中心</span>
							<span class="fr">张先生  138-3988-8888</span>
						</div>
					</div>
					<div class="swiper-slide">
						<img src=""
						/>
						<div class="img-det clear">
							<span class="fl">湖南益阳安华服务中心</span>
							<span class="fr">张先生  138-3988-8888</span>
						</div>
					</div>
				</div>
			</div>
			<div class="index-list">
				<div class="list-item clear">
					<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" alt="" class="fl">
					<div class="item-r fl">
						<p class="item-tit">益阳安化县102亩有林地转让</p>
						<div class="item-det clear">
							<span class="fl color01">有林地</span>
							<span class="fl color02">转让</span>
							<span class="fl color03">已认证</span>
						</div>
						<div class="item-time clear">
							<p class="fl">102亩</p>
							<span class="fr">20年</span>
						</div>
						<div class="num-box clear">
							<div class="fl">￥<span>1000</span>万元</div>
							<p class="fr">湖南/益阳/安化</p>
						</div>
					</div>
				</div>
				<div class="list-item clear">
					<img src="http://f12.baidu.com/it/u=3258690773,159948086&fm=72" alt="" class="fl">
					<div class="item-r fl">
						<p class="item-tit">益阳安化县102亩有林地转让</p>
						<div class="item-det clear">
							<span class="fl color01">有林地</span>
							<span class="fl color02">转让</span>
							<span class="fl color03">已认证</span>
						</div>
						<div class="item-time clear">
							<p class="fl">102亩</p>
							<span class="fr">20年</span>
						</div>
						<div class="num-box clear">
							<div class="fl">￥<span>1000</span>万元</div>
							<p class="fr">湖南/益阳/安化</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="detail-bottom">
			<div class="index1-green">
				<p></p>
				<span class="color-green">首页</span>
			</div>
			<div class="index2-gray">
				<p></p>
				<span>茶山市场</span>
			</div>
			<div class="index3-gray">
				<p></p>
				<span>发布</span>
			</div>
			<div class="index4-gray">
				<p></p>
				<span>茶讯头条</span>
			</div>
			<div class="index5-gray">
				<p></p>
				<span>我的</span>
			</div>
		</div>
		<div class="demand-btn"></div>
        <!--选择地区弹层-->
        <section id="areaLayer" class="express-area-box">
            <header>
                <h3>选择地区</h3>
                <a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>
                <a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>
            </header>
            <article id="areaBox">
                <ul id="areaList" class="area-list"></ul>
            </article>
        </section>
        <!--遮罩层-->
        <div id="areaMask" class="mask"></div>
		<script type="text/javascript" src="../../js/flexible.js"></script>
		<script type="text/javascript" src="../../js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../../js/swiper3.1.0.min.js"></script>
		<script type="text/javascript" src="../../js/area.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container1', {
				direction: 'horizontal',
				loop: true,
				// 如果需要分页器
				pagination: '.swiper-pagination'
			});
			var mySwiper1 = new Swiper('.swiper-container2', {
				direction: 'horizontal',
				loop: true,
			})
		</script>
	</body>

</html>